<template>
  <view class="container">
    <!-- 状态栏 -->
    <view class="status-bar">
      <view class="flex items-center">
        <uni-icons type="wifi-filled" size="22" color="#333333" class="mr-2"></uni-icons>
        <uni-icons type="battery" size="22" color="#333333"></uni-icons>
      </view>
    </view>
    
    <!-- 导航栏 -->
    <view class="nav-bar">
      <view class="nav-bar-left" @tap="goBack">
        <uni-icons type="left" size="20" color="#333"></uni-icons>
      </view>
      <view class="nav-bar-title">用户服务协议</view>
      <view class="nav-bar-right"></view>
    </view>
    
    <!-- 内容区域 -->
    <scroll-view scroll-y class="content-scroll">
      <view class="agreement-content">
        <!-- 标题 -->
        <view class="agreement-title">用户服务协议</view>
        
        <!-- 日期信息 -->
        <view class="date-info">
          <view class="date-item">更新日期: 2025年03月05日</view>
          <view class="date-item">生效日期: 2025年03月10日</view>
        </view>
        
        <!-- 正文内容 -->
        <view class="agreement-text">
          <view class="paragraph">
            欢迎您注册和光宴用户并使用和光宴小程序服务！
          </view>
          
          <view class="paragraph">
            本《用户服务协议》（以下简称"本服务协议"）是您与和光宴之间就注册和光宴用户及使用和光宴的各项服务等相关事宜所订立的协议。<text class="highlight">为使用和光宴的服务，您应当仔细阅读并遵守本服务协议下的全部内容，特别是涉及免除或者责任限制的条款。</text>该类条款可能以黑体加粗或加下划线的形式提示您重点注意。除非您已阅读并接受本服务协议所有条款，否则您将不能注册和光宴用户或使用和光宴的服务，如果不同意本服务条款的任意内容，请勿注册或使用和光宴的服务，并应立即停止注册程序。如您对本服务协议的内容（特别是涉及免除或者责任限制的条款）有任何疑义，可随时按照本服务协议中列明的联系方式与我们联系，我们将根据您的要求为您进一步解释和说明相关内容。
          </view>
          
          <view class="paragraph">
            <text class="highlight">如您"已阅读并同意"《用户服务协议》"并通过授权会员或其他任何方式使用或接受和光宴的任何服务，即视为您已阅读并同意本服务协议，自愿接受本服务协议所有内容的约束。</text>请您在决定注册或使用服务前再次确认您已知悉并完全理解本服务协议的所有内容。
          </view>
          
          <view class="paragraph">
            <text class="highlight">如果您未满18周岁，请务必在您的父母或者其他监护人的陪同下阅读本服务协议，并在进行注册、下单、支付等任何行为或使用和光宴的其他任何服务前，应事先征得您的父母或者其他监护人的同意。</text>
          </view>
          
          <view class="paragraph">
            本服务协议所述"服务"既包括您使用和光宴用户接受的服务，也包括应用程序及相关网站为您提供的所有服务。我们有权随时变更、中止或终止部分或全部的服务，但会尽量在变更、中止或终止之前通知您，以保障您的合法权益。
          </view>
          
          <view class="paragraph">
            一、账号注册与安全
          </view>
          
          <view class="paragraph">
            1. 您在注册时应当按照提示提供相关信息，保证提供的注册信息真实、准确、完整、合法有效。
          </view>
          
          <view class="paragraph">
            2. 您应对账号安全负责，切勿将账号信息泄露给他人。因您个人原因导致的账号被盗用或遭受损失，和光宴不承担责任。
          </view>
          
          <view class="paragraph">
            二、服务内容与规则
          </view>
          
          <view class="paragraph">
            1. 和光宴为您提供餐饮预订、点餐、外卖配送等服务，您可以通过小程序浏览菜品、提交订单并进行支付。
          </view>
          
          <view class="paragraph">
            2. 您承诺遵守中华人民共和国相关法律法规及和光宴的各项规则，不从事任何违法违规活动。
          </view>
          
          <view class="paragraph">
            三、隐私保护
          </view>
          
          <view class="paragraph">
            1. 和光宴重视用户隐私保护，将按照《隐私政策》收集、使用、存储和共享您的个人信息。
          </view>
          
          <view class="paragraph">
            2. 您同意和光宴可在必要范围内使用您的个人信息，以提供更优质的服务体验。
          </view>
          
          <view class="paragraph">
            四、知识产权保护
          </view>
          
          <view class="paragraph">
            1. 和光宴小程序及相关网站上的所有内容，包括但不限于文字、图片、程序等，均受知识产权法律法规保护。
          </view>
          
          <view class="paragraph">
            2. 未经和光宴书面许可，您不得以任何方式复制、使用或传播上述内容。
          </view>
          
          <view class="paragraph">
            五、免责条款
          </view>
          
          <view class="paragraph highlight">
            1. 因网络故障、系统维护、不可抗力等原因导致的服务中断或延迟，和光宴不承担责任。
          </view>
          
          <view class="paragraph highlight">
            2. 您理解并同意，和光宴仅提供餐饮服务平台，对于第三方因素导致的损失，和光宴不承担责任。
          </view>
          
          <view class="paragraph">
            六、协议修改
          </view>
          
          <view class="paragraph">
            1. 和光宴有权根据法律法规变化及经营需要修改本协议，修改后的协议将在小程序内公布。
          </view>
          
          <view class="paragraph">
            2. 如您不同意修改后的协议，应立即停止使用和光宴服务；继续使用将视为您接受修改后的协议。
          </view>
          
          <view class="paragraph">
            七、适用法律与争议解决
          </view>
          
          <view class="paragraph">
            1. 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。
          </view>
          
          <view class="paragraph">
            2. 如双方就本协议内容或执行发生争议，应友好协商解决；协商不成的，任何一方均可向和光宴所在地有管辖权的人民法院提起诉讼。
          </view>
          
          <view class="paragraph">
            八、其他条款
          </view>
          
          <view class="paragraph">
            1. 本协议中的标题仅为方便阅读而设，不影响对条款本身的解释。
          </view>
          
          <view class="paragraph">
            2. 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。
          </view>
          
          <view class="paragraph">
            感谢您选择和光宴，我们将竭诚为您提供优质的服务体验！
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script setup lang="ts">
// 返回上一页
const goBack = () => {
  uni.navigateBack();
};
</script>

<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}

.status-bar {
  height: 44px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 101;
}

.nav-bar {
  height: 88rpx;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 30rpx;
  position: sticky;
  top: 44px;
  z-index: 100;
}

.nav-bar-left {
  width: 80rpx;
  display: flex;
  align-items: center;
}

.nav-bar-title {
  flex: 1;
  text-align: center;
  font-size: 32rpx;
  font-weight: 500;
}

.nav-bar-right {
  width: 80rpx;
}

.content-scroll {
  flex: 1;
  padding-bottom: 60rpx;
}

.agreement-content {
  padding: 30rpx;
}

.agreement-title {
  font-size: 40rpx;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40rpx;
}

.date-info {
  margin-bottom: 60rpx;
}

.date-item {
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
}

.agreement-text {
  font-size: 28rpx;
  color: #333;
  line-height: 1.8;
}

.paragraph {
  margin-bottom: 30rpx;
  text-align: justify;
}

.highlight {
  font-weight: bold;
  color: #000;
}
</style> 